<template>
  <div class="video">
    <div class="head">
      <h2 class="title">{{ $t("public.video") }}</h2>
      <router-link to="/video/all">
        {{ $t("public.more") }}<i class="el-icon-arrow-right"></i>
      </router-link>
    </div>
    <!-- <load-more @scroll-state="load"> -->
    <video-list :videoList="list"></video-list>
    <!-- </load-more> -->
  </div>
</template>

<script>
// import { createVideo } from "@/model/video";
import videoList from "@/components/common/videoList/Index";
// import loadMore from '@/components/common/loadMore/Index'
export default {
  props: {
    list: {
      type: Array,
    },
  },
  data() {
    return {};
  },
  components: {
    videoList,
    // loadMore
  },
  methods: {},
  mounted() {},
};
</script>

<style lang="scss" scoped></style>
